// Dashboard 1 Morris-chart

Morris.Area({
        element: 'morris-area-chart',
        data: [{
            period: '2015',
            Python: 0,
            PHP: 0,
            Java: 0
        }, {
            period: '2016',
            Python: 100,
            PHP: 80,
            Java: 65
        }, {
            period: '2017',
            Python: 180,
            PHP: 150,
            Java: 120
        }, {
            period: '2018',
            Python: 100,
            PHP: 70,
            Java: 40
        }, {
            period: '2019',
            Python: 180,
            PHP: 150,
            Java: 120
        }, {
            period: '2020',
            Python: 100,
            PHP: 70,
            Java: 40
        },
         {
            period: '2021',
            Python: 180,
            PHP: 150,
            Java: 120
        }],
        xkey: 'period',
        ykeys: ['Python', 'PHP', 'Java'],
        labels: ['Python', 'PHP', 'Java'],
        pointSize: 0,
        fillOpacity: 0.99,
        pointStrokeColors:['#65b12d', '#933EC5 ', '#006DF0'],
        behaveLikeLine: true,
        gridLineColor: '#e0e0e0',
        lineWidth:0,
        hideHover: 'auto',
        lineColors: ['#65b12d', '#933EC5 ', '#006DF0'],
        resize: true
        
    });
	
Morris.Area({
        element: 'extra-area-chart',
        data: [{
            device: '1',
            A: 10,
            B: 50,
            C: 30
        }, {
            device: '2',
            A: 11,
            B: 60,
            C: 40
        }, {
            device: '3',
            A: 21,
            B: 70,
            C: 70
        }, {
            device: '4',
            A: 15,
            B: 50,
            C: 60
        }, {
            device: '5',
            A: 26,
            B: 60,
            C: 50
        }, {
            device: '6',
            A: 28,
            B: 60,
            C: 70
        },
         {
            device: '7：00',
            A: 30,
            B: 50,
            C: 80
        }],
        xkey: 'device',
        ykeys: ['A', 'B', 'C'],
        labels: ['A', 'B', 'C'],
        pointSize: 3,
        fillOpacity: 0,
        pointStrokeColors:['#006DF0', '#933EC5', '#65b12d'],
        behaveLikeLine: true,
        gridLineColor: '#e0e0e0',
        lineWidth: 2,
        hideHover: 'auto',
        lineColors: ['#006DF0', '#933EC5', '#65b12d'],
        resize: true
        
    });